<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/duihuan.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<audio class="music" src="background_music/bgm (1).mp3" hidden="hidden" autoplay="autoplay" loop="loop"></audio>
		<div class="duihuanweb">
			<p>请输入兑换码</p>
			<form id="submit" action="" method="post">
				<input type="text" value="" />
				<input type="submit" name="" id="" value="" />
			</form>
			<div class="queren">
				<img src="img/duihuan/queren.png" />
			</div>
			<div class="bofang isP">
				<img src="img/music.png" />
			</div>
		</div>
		<div class="duihuanshibai">
			<div class="dingzhineirong">
				<div class="qiangxianjin">
					<img src="img/duihuan/duihuanshibai.png" />
				</div>
				<p>请重新输入</p>
				<div class="fanhui">
					<img src="img/duihuan/fanhui.png" />
				</div>
			</div>
		</div>
		<div class="duihuanchenggong">
			<div class="dingzhineirong">
				<div class="qiangxianjin">
					<img src="img/duihuan/duihuanchenggong.png" />
				</div>
				<div class="fanhui">
					<img src="img/duihuan/fanhui.png" />
				</div>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var num=[0,1,2,3,4,5,6,7,8,9];
			$(".duihuanweb input:first-of-type").text(num);
			var get=$(".duihuanweb input:first-of-type").val();
			console.log(get);
			$(".duihuanchenggong .dingzhineirong .fanhui").on("click", function() {
				$(".duihuanchenggong").css("display", "none")
			})
			$(".duihuanshibai .dingzhineirong .fanhui").on("click", function() {
				$(".duihuanshibai").css("display", "none")
			})
			var isP = true;
			$(".bofang").on("click", function() {
				$(this).toggleClass("isP");
				if(isP) {
					$(".music")[0].pause();
					isP = false;
				} else {
					$(".music")[0].play();
					isP = true;
				}
			})
			$(".queren").on("click",function(){
					$("#submit").submit();
				})
		</script>
	</body>

</html>